<template>
  <div class="table_container">
    <el-table
      :data="infoData"
      ref="tableNode"
      :max-height="tableCascadeHeight"
      v-loading="isLoading"
      border
      stripe
      tooltip-effect="dark">
      <mes-column :key="index" v-for="(column, index) in columns" :column="column"></mes-column>
    </el-table>
  </div>
</template>

<script>
import materialColumns from './materialColumns'

export default {
  name: 'MaterialList',
  props: {
    infoData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
      columns: materialColumns,
      isLoading: false
    }
  }
}
</script>

<style lang="less" scoped>
  .table_container{
    padding-left: 0;
    width: 480px;
  }
</style>
